treehouse full stack javascript techdegree

Fangxiao (lufax, Front-End Engineer)adapting to the reader Front End Engineer Front-End architect JavaScript enthusiasts Test Engineer Eat the melon crowd What is JavaScript full stack? Most people think that JS is not to deal with the DOM element, write the page, in fact,

Full-stack JavaScript path (18) HTML5 custom data attributes, javascripthtml5 HTML5 specifications stipulate that you can customize non-standard attributes for elements, but you need to add a data-prefix. The purpose is to provide elements with information or semantic information irrelevant to page rendering. These attribute names can be added at will, as long a

Full-stack JavaScript path (14) class Attribute-related extensions in HTML5, html5class 1. getElementByClassName (): browsers that support the getElementsByClassName () method include IE 9 +, Firefox 3 +, Safari 3.1 +, Chrome and Opera 9.5 +. 2. classList attribute: The classList attribute is an instance of the new collection type DOMTokenList. the DOMTokenList

Path to full-stack JavaScript (19th) html 5 insertion of html tags (1) innerHTML and outerHTML, html5outerhtml It is difficult to use DOM operations to insert a large number of html tags to a document. You must not only create a series of nodes, but also carefully link them in order. Using the html tag insertion technology, you can directly insert html code stri

Full-stack JavaScript path (15th) HTML5 focus extension (focus extension), html5 HTML5 adds the focus management function. The focus of documents can be obtained through page loading, user input (usually by pressing the tab key), and the focus () function is called in the code. The attributes and methods of the auxiliary management focus added by HTML5 include:

property). This includes all computed styles for the current element.(There is no getComputedStyle () method in IE, but in IE, each element with a style attribute has a Currentstyle attribute, which is an instance of the Cssstyledeclaration type)The border property may or may not return the actual border rule in the style sheet (Opera will return but not other browsers).The reason for this area is that different browsers interpret synthetic (rollup) attributes, such as border, in different ways

Full-stack JavaScript path (23) DOM2 and DOM3, involving XML namespace extension (1), dom2dom3 The preceding example shows how to use xmlns to specify a namespace and use xmlns: prefix to specify a prefix. Once a prefix is specified, it must be used for the current element and child element. Sometimes, to avoid conflicts between different languages, you also n

Full-stack JavaScript (24) DOM2 and DOM3, which do not involve XML namespace extension, dom2dom3 (1) three attributes are added to the DocumentType change: publicId, systemId, and internalSubset (internal subset) You can access the file by using document.doctype.publicId,document.doctype.systemId,document.doc type. internalSubset. Export document.doc type. i

Full-stack JavaScript path (13) Understanding of ElementTraversal specifications Browsers supporting Element Traversal specifications include IE 9 +, Firefox 3.5 +, Safari 4 +, Chrome and Opera 10 +. For spaces between elements, no document node is returned before IE9, and all other browsers will return the document node. In order to be compatible with the d

not include HTML element tags, the result is to set plain text, such as:div.innerhtml = "Hello";Suppose the string includes HTML tags, such asdiv.innerhtml = "Hello Welcome, The results of the above write mode operations are as follows:After the innerHTML has been set. You can access the newly created node as you would any other node in the document.After you set the HTML string for innerHTML, the browser parses the string into the corresponding DOM tree. Therefore, after setting the innerHTML

Title, ask you, how to do a full stack developer? How to improve their skills in order to participate in the SG Hackthone. Reply content: Title, ask you, how to do a full stack developer? How to improve their skills in order to participate in the SG Hackthone. Whether it is the front end, the back end or the

HTML5 added to help manage focus product features, there are ways to obtain focus documents; Page load, user input (usually by tab bond). and invoke the Code focus () feature.HTML5 new properties and methods to assist in the management of the focus:Document.activeelement property, Element. The document load period value is null and the document is loaded and saved as a reference to document.body.Document.hasfocus () method to determine whether a document has focus.The two most important use of q

Full-stack JavaScript (12) Understanding of Selector APIs Before 2008, almost all DOM extensions in browsers were proprietary. Since then, W3C has begun to standardize and write some proprietary extensions that have become fact standards. The core of Selector API level 1 is two methods: querySelector () and querySelectorAll (). It can be called by a Docuemnt no

HTML5 expands the HTMLDocument,A new feature has been added. 1.document.readstate = ' Loading ' | | The ' complete '//readystate-enabled browser has ie4+, Firefox 3.6+, Safari, Chrome and opera + +. 2.document.compatmode = ' Css1compat ' | | The ' Backcompat '//browser that implements this property is Ie6,firefox, Safari 3.1+, Opera, and Chrome. Finally, HTML5 also incorporates this attribute into the standard. The fact is now clearly defined. 3.document.head//